window.addEventListener('load',()=>{
    Ajax.get('http://localhost:8002/api/v1/file/qiniu',(res)=>{
        let fragment = document.createDocumentFragment();
        let result = JSON.parse(res).result;
        let box = document.querySelector('.img-wrapper');
        for(let i = 0;i<result.length;i++){
            let li = document.createElement('li');
            let image = document.createElement('img');
            image.src = 'http://resource.shuonihao.cn/' + result[i];
            li.appendChild(image);
            fragment.appendChild(li);
        }
        box.appendChild(fragment);
    })
})

var Ajax = {
    get: function(url,callback){
        // XMLHttpRequest对象用于在后台与服务器交换数据
        var xhr=new XMLHttpRequest();
        xhr.open('GET',url,false);
        xhr.onreadystatechange=function(){
            // readyState == 4说明请求已完成
            if(xhr.readyState==4){
                if(xhr.status==200 || xhr.status==304){
                    callback(xhr.responseText);
                }
            }
        }
        xhr.send();
    }
}